<iron-iconset-svg name="custom-icons" size="32">
    <svg>
        <defs>
            <g id="preloader" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd"
                      d="M11.1007 2.3357C11.2094 1.6999 11.762 1.23486 12.4088 1.23486C13.2307 1.23486 13.8549 1.97241 13.7168 2.78037L13.6368 3.24826L18.3631 3.24826L18.2832 2.78038C18.145 1.97241 18.7693 1.23486 19.5912 1.23486C20.2379 1.23486 20.7905 1.6999 20.8992 2.33571L25.4944 29.2191C25.6325 30.0271 25.0083 30.7646 24.1864 30.7646C23.5396 30.7646 22.987 30.2996 22.8784 29.6638L22.4356 27.0734H17.346V28.4157C17.346 29.157 16.7433 29.7579 16 29.7579C15.2566 29.7579 14.6539 29.157 14.6539 28.4157V27.0734H9.56433L9.12155 29.6638C9.01288 30.2996 8.46033 30.7646 7.81355 30.7646C6.99164 30.7646 6.36743 30.0271 6.50554 29.2191L11.1007 2.3357Z"
                      fill="var(--theme-primary-color)"/>
                <path
                        d="M5.23193 7.27511C5.23193 6.16315 6.13588 5.26172 7.25095 5.26172H24.7491C25.8642 5.26172 26.7681 6.16315 26.7681 7.27511V23.0467C26.7681 24.1586 25.8642 25.0601 24.7491 25.0601H7.25095C6.13588 25.0601 5.23193 24.1586 5.23193 23.0467V7.27511Z"
                        fill="var(--theme-primary-color)"/>
            </g>
            <g id="front" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd"
                      d="M22 7.99976H24C25.1046 7.99976 26 8.89519 26 9.99976V29.9998C26 31.1043 25.1046 31.9998 24 31.9998H8C6.89543 31.9998 6 31.1043 6 29.9998V9.38584C6 8.55215 6.51715 7.80591 7.29775 7.51318L19.2978 3.01318C20.6053 2.52287 22 3.48943 22 4.88584V7.99976ZM20 4.88584L11.6962 7.99976H20V4.88584ZM8 9.99976H24V29.9998H8L8 9.99976Z"/>
            </g>
            <g id="greeting" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                <path
                        d="M21 19C20.4477 19 20 19.4477 20 20C20 20.5523 20.4477 21 21 21L26 21C26.5523 21 27 20.5523 27 20C27 19.4477 26.5523 19 26 19L21 19Z"/>
                <path
                        d="M20 16C20 15.4477 20.4477 15 21 15L26 15C26.5523 15 27 15.4477 27 16C27 16.5523 26.5523 17 26 17L21 17C20.4477 17 20 16.5523 20 16Z"/>
                <path
                        d="M22 23C21.4477 23 21 23.4477 21 24C21 24.5523 21.4477 25 22 25H25C25.5523 25 26 24.5523 26 24C26 23.4477 25.5523 23 25 23H22Z"/>
                <path fill-rule="evenodd" clip-rule="evenodd"
                      d="M2 32H30C31.1046 32 32 31.1046 32 30V10C32 8.89543 31.1046 8 30 8H2C0.895431 8 0 8.89543 0 10V30C0 31.1046 0.89543 32 2 32ZM15 10H2L2 30H15V10ZM30 30H17V10H30V30Z"/>
            </g>
            <g id="envelope" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                <path
                        d="M11 14C11 13.4477 11.4477 13 12 13L20 13C20.5523 13 21 13.4477 21 14C21 14.5523 20.5523 15 20 15L12 15C11.4477 15 11 14.5523 11 14Z"/>
                <path
                        d="M13 17C12.4477 17 12 17.4477 12 18C12 18.5523 12.4477 19 13 19L19 19C19.5523 19 20 18.5523 20 18C20 17.4477 19.5523 17 19 17L13 17Z"/>
                <path fill-rule="evenodd" clip-rule="evenodd"
                      d="M0 10C0 8.89543 0.895431 8 2 8H30C31.1046 8 32 8.89543 32 10V30C32 31.1046 31.1046 32 30 32H2C0.895431 32 0 31.1046 0 30V10ZM2 10.5607L7.27967 22L24.7203 22L30 10.5607V10H2L2 10.5607ZM30 15.3333L26.5363 22.8381C26.2093 23.5464 25.5004 24 24.7203 24H7.27967C6.49956 24 5.79065 23.5464 5.46375 22.8381L2 15.3333V30H30V15.3333Z"/>
            </g>
            <g id="approve" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                <path
                        d="M13.6644 8.2526C14.0772 8.61952 14.1143 9.25159 13.7474 9.66437L11.0808 12.6644C10.891 12.8779 10.619 13 10.3333 13C10.0477 13 9.7757 12.8779 9.58594 12.6644L8.2526 11.1644C7.88568 10.7516 7.92286 10.1195 8.33565 9.7526C8.74843 9.38568 9.3805 9.42286 9.74742 9.83565L10.3333 10.4948L12.2526 8.33565C12.6195 7.92286 13.2516 7.88568 13.6644 8.2526Z"/>
                <path
                        d="M17 10C16.4477 10 16 10.4477 16 11C16 11.5523 16.4477 12 17 12L23 12C23.5523 12 24 11.5523 24 11C24 10.4477 23.5523 10 23 10L17 10Z"/>
                <path
                        d="M13.6644 15.2526C14.0772 15.6195 14.1143 16.2516 13.7474 16.6644L11.0808 19.6644C10.891 19.8779 10.619 20 10.3333 20C10.0477 20 9.7757 19.8779 9.58594 19.6644L8.2526 18.1644C7.88568 17.7516 7.92286 17.1195 8.33565 16.7526C8.74843 16.3857 9.3805 16.4229 9.74742 16.8356L10.3333 17.4948L12.2526 15.3356C12.6195 14.9229 13.2516 14.8857 13.6644 15.2526Z"/>
                <path
                        d="M17 17C16.4477 17 16 17.4477 16 18C16 18.5523 16.4477 19 17 19H23C23.5523 19 24 18.5523 24 18C24 17.4477 23.5523 17 23 17L17 17Z"/>
                <path
                        d="M13.6644 22.2526C14.0772 22.6195 14.1143 23.2516 13.7474 23.6644L11.0808 26.6644C10.891 26.8779 10.619 27 10.3333 27C10.0477 27 9.7757 26.8779 9.58594 26.6644L8.2526 25.1644C7.88568 24.7516 7.92286 24.1195 8.33565 23.7526C8.74843 23.3857 9.3805 23.4229 9.74742 23.8356L10.3333 24.4948L12.2526 22.3356C12.6195 21.9229 13.2516 21.8857 13.6644 22.2526Z"/>
                <path
                        d="M17 24C16.4477 24 16 24.4477 16 25C16 25.5523 16.4477 26 17 26H23C23.5523 26 24 25.5523 24 25C24 24.4477 23.5523 24 23 24H17Z"/>
                <path fill-rule="evenodd" clip-rule="evenodd"
                      d="M4 30C4 31.1046 4.89543 32 6 32L26 32C27.1046 32 28 31.1046 28 30L28 5C28 3.89543 27.1046 3 26 3H6C4.89543 3 4 3.89543 4 5V30ZM6 5L6 30H26L26 5L6 5Z"/>
            </g>
            <g id="coloricon" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                <image x="0" y="0" width="32" height="32"
                       xlink:href=""/>
            </g>
        </defs>
    </svg>
</iron-iconset-svg>


<custom-style>

    <style>
        /* to override fonts use
            --paper-font-common-base: {
                font-family: 'Hanalei Fill', cursive;
            } */

        html {

            --theme-primary-color: #30c2ff;
            --theme-primary-color-hover-button: rgba(48, 194, 255, 0.12);
            --theme-secondary-color: #ebf9ff;
            --theme-interface-color: #ffffff;
            --theme-background-color: #ffffff;

            --theme-font-color: #202223;
            --theme-grey-color: #505253;
            --theme-light-grey-color: #909293;

            --theme-error-color: #FF5026;
            --theme-warning-color: #FFC226;
            --theme-success-color: #43A047;

            --primary-color: var(--theme-primary-color) !important;

            --theme-border-color: #E0E0E0;

            --theme-preloader-size: 50px;

            --theme-text-color-1: #000000de;
            --theme-text-color-2: #0000008a;
            --theme-disabled-color: rgba(0, 0, 0, var(--theme-disabled-opacity, 0));

            --theme-disabled-button-border-color: #cccccc;
            --theme-disabled-button-color: #bdbdbd;
            --theme-enabled-button-border-color: #bbbbbb;
            --theme-enabled-button-color: #666666;
            --au-option-list-background-color: #f5f5f5;
            --au-option-unchecked-color: #6f6f6f;
            --au-tabbed-group-tab-background: #F1F3F4;
            --au-tabbed-group-tab-hover-background: #DCDEDF;
            --au-tabbed-group-tab-color: #999999;
            --au-tabbed-group-container-tab-background: #f9f9f9;

            --au-uploader-background-color: #f9f9f9;
            --au-uploader-dashed-border-color: #dddddd;
            --au-uploader-text-color: #000000de;
            --au-uploader-supported-text-color: #666666;
            --au-progress-bar-background-color: #dddddd;

            --carousel-current-image-background: #f5f5f5;
            --carousel-thumb-button-color: #83888F;
            --carousel-thumb-button-color-disabled: #D6D7DA;
            --carousel-thumb-button-color-hover: #454C58;
            --carousel-thumb-image-background: #f5f5f5;
            --carousel-thumb-image-border: #e5e5e5;
            --carousel-title: #333333;
            --carousel-lightbox-background: #ffffff;
            --carousel-lightbox-color: #666666;

            --gallery-item-border-color: #dddddd;

            --button-disable-background: #eaeaea;
            --button-disable-color: #a8a8a8;

            --checkbox-unchecked-color: #999999;

            --au-step-title-color: var(--au-font-color, #202223);
            --au-step-description-color: var(--au-font-color, #505253);

            --theme-disabled-opacity: 0.2;

            --image-option-width: 100px;
            --image-option-height: 100px;

            --au-editor-padding-left: 20px;
            --au-editor-padding-right: 20px;
            --au-editor-padding-top: 20px;
            --au-editor-padding-bottom: 20px;

            --au-editor-mobile-padding-left: 8px;
            --au-editor-mobile-padding-right: 8px;
            --au-editor-mobile-padding-top: 8px;
            --au-editor-mobile-padding-bottom: 8px;


            --theme-editor-min-height: 400px;
            --au-collapse-height: 48px;
            --au-collapse-background-color: var(--theme-interface-color);
            --au-collapse-trigger-color: var(--theme-interface-color);

            --au-collapse: {
                border: 1px solid #eeeff0;
            }

            --aurigma-drawer: {
                background-color: transparent;
                color: #000000;
                margin-right: 30px;
            }

            --aurigma-drawer-toggle-width: calc(var(--au-hem) * 3.25);
            --aurigma-drawer-panel-desktop-width: 30%;

            --aurigma-drawer-main-panel-desktop-left: calc(var(--aurigma-drawer-panel-desktop-width) + 30px);
            --aurigma-drawer-main-panel-desktop-right: calc(var(--aurigma-drawer-panel-desktop-width) + 10px);

            --aurigma-drawer-main-panel-mobile-left: 0;

            --aurigma-drawer-mobile: {
                background-color: #ffffffa6;
            }

            --au-option-radio-button-width: none;

            --au-option-checked-color: var(--theme-primary-color);

            --default-theme-primary-button: {
                background-color: var(--theme-primary-color);
                color: var(--theme-secondary-color);
                padding: 0.7em 2.7em;
                margin: 5px;
            }

            --default-theme-secondary-button: {
                background-color: var(--theme-secondary-color);
                color: #000000;
                padding: 0.7em 2.7em;
                margin: 5px;
            }

            --default-theme-success-button: {
                background-color: var(--theme-success-color);
                color: #ffffff;
                padding: 0.7em 2.7em;
                margin: 5px;
            }

            --break-words: {
                overflow: hidden;
                word-break: break-word;
                hyphens: manual;
            }

            --paper-tabs-selection-bar-color: var(--theme-primary-color);

            --paper-tabs-selection-bar: {
                border-width: 4px;
            }

            --au-header-button-geometry: {
                padding-top: calc(0.625 * var(--au-hem));
                padding-left: calc(1 * var(--au-hem));
                padding-bottom: calc(0.5625 * var(--au-hem));
                padding-right: calc(1 * var(--au-hem));
                font-size: calc(0.875 * var(--au-hem));
                min-width: calc(4 * var(--au-hem));
                border-radius: 3px;
            }

            --au-header-tab-geometry: {
                padding-left: calc(1.25 * var(--au-hem));
                padding-right: calc(1.25 * var(--au-hem));
                max-width: calc(22.5 * var(--au-hem));
            }

            /* Typography */
            --au-font-family: var(--paper-common-base_-_font-family);
            --au-hem: 16px;
            --au-hem-letter-space: calc(var(--au-hem) / 16);

            --au-widget-title-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: 500;
                line-height: calc(1.25 * var(--au-hem));
                font-size: calc(1 * var(--au-hem));
                letter-spacing: calc(0.25 * var(--au-hem-letter-space));
            }

            --au-widget-subtitle-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: 500;
                font-size: calc(0.875 * var(--au-hem));
                letter-spacing: calc(0.25 * var(--au-hem-letter-space));
            }

            --au-widget-prompt-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: normal;
                font-size: calc(0.875 * var(--au-hem));
            }

            --au-h1-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: bold;
                line-height: calc(2.5 * var(--au-hem));
                font-size: calc(2 * var(--au-hem));
                letter-spacing: calc(-0.5 * var(--au-hem-letter-space));
                text-transform: none;
            }

            --au-h2-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: bold;
                line-height: calc(2.25 * var(--au-hem));
                font-size: calc(1.75 * var(--au-hem));
                text-transform: none;
            }


            --au-h3-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: bold;
                line-height: calc(2 * var(--au-hem));
                font-size: calc(1.5 * var(--au-hem));
                letter-spacing: calc(0.25 * var(--au-hem-letter-space));
                text-transform: none;
            }


            --au-h4-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: bold;
                line-height: calc(1.625 * var(--au-hem));
                font-size: calc(1.25 * var(--au-hem));
                letter-spacing: calc(0.15 * var(--au-hem-letter-space));
                text-transform: none;
            }


            --au-h5-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: bold;
                line-height: calc(1.5 * var(--au-hem));
                font-size: calc(1.125 * var(--au-hem));
                letter-spacing: calc(0.1 * var(--au-hem-letter-space));
                text-transform: none;
            }

            --au-subtitle1-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: normal;
                line-height: calc(1.25 * var(--au-hem));
                font-size: calc(1 * var(--au-hem));
                letter-spacing: calc(0.15 * var(--au-hem-letter-space));
                text-transform: none;
            }

            --au-subtitle2-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: normal;
                line-height: calc(1.125 * var(--au-hem));
                font-size: calc(0.875 * var(--au-hem));
                text-transform: none;
            }

            --au-body1-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: normal;
                line-height: calc(1.125 * var(--au-hem));
                font-size: calc(0.875 * var(--au-hem));
                letter-spacing: calc(0.25 * var(--au-hem-letter-space));
                text-transform: none;
            }

            --au-body2-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: normal;
                line-height: calc(1.375 * var(--au-hem));
                font-size: calc(0.875 * var(--au-hem));
                letter-spacing: calc(0.25 * var(--au-hem-letter-space));
                text-transform: none;
            }


            --au-button-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: 500;
                line-height: calc(1 * var(--au-hem));
                font-size: calc(0.875 * var(--au-hem));
                letter-spacing: calc(0.25 * var(--au-hem-letter-space));
                text-transform: none;
            }

            --au-caption-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: normal;
                line-height: calc(1 * var(--au-hem));
                font-size: calc(0.75 * var(--au-hem));
                letter-spacing: calc(0.25 * var(--au-hem-letter-space));
                text-transform: none;
            }

            --au-overline-font: {
                font-family: var(--au-font-family);
                font-style: normal;
                font-weight: 500;
                line-height: calc(1 * var(--au-hem));
                font-size: calc(0.625 * var(--au-hem));
                letter-spacing: calc(1 * var(--au-hem-letter-space));
                text-transform: uppercase;
            }

            --default-button-title-font: {
                @apply --paper-font-button;
                text-transform: none;
            }

            --default-title-font: {
                @apply --paper-font-common-base;
                font-size: 14px;
                font-weight: 400;
                line-height: 18px;
            }

            --default-icon-title-font: {
                @apply --paper-font-common-base;
                font-size: 10px;
                font-weight: 400;
            }

            --default-caption-title-font: {
                @apply --paper-font-common-base;
                font-size: 12px;
                font-weight: 400;
                letter-spacing: 0.011em;
                line-height: 20px;
            }

            --default-body-title-font: {
                @apply --paper-font-body;
            }

            --default-common-control-font: {
                @apply --paper-font-common-base;
                font-size: 14px;
                font-weight: 400;
                line-height: 16px;
            }

            --default-common-control-font-caption: {
                @apply --paper-font-common-base;
                font-size: 12px;
                font-weight: 400;
                line-height: 14px;
            }

            --au-header-button-font: {
                @apply --paper-font-title;
                line-height: calc(1.125 * var(--au-hem));
                font-size: calc(0.875 * var(--au-hem));
                font-weight: 500;
                text-align: center;
                text-transform: none;
            }

        }
    </style>
</custom-style>
